<!DOCTYPE html>
<script src="../resources/check-layout.js"></script>
<p>There should be a smiley below.</p>
<div id="multicol" style="position:relative; columns:1; column-fill:auto; height:200px; overflow:hidden;">
    <div style="padding-top:50px; break-inside:avoid;">
        <div style="padding-top:50px; height:400px; break-inside:avoid;">
            <div data-offset-y="100" data-offset-x="0">
                :-)
            </div>
        </div>
    </div>
</div>
<script>
    checkLayout("#multicol");
</script>
